const { defineConfig } = require('@vue/cli-service')
// 引入等比适配插件
const px2rem = require("postcss-px2rem");

// 配置基本大小
const postcss = px2rem({
  // 基准大小 baseSize，需要和rem.js中相同
  remUnit: 16,
});

module.exports = defineConfig({
  publicPath: process.env.NODE_ENV === 'production'? '/': '/',
  transpileDependencies: true,
  lintOnSave:false,
  publicPath: "./", 
  devServer: {
    // open: true, /*运行后是否自动打开浏览器*/
    // host: '0.0.0.0',
    // port: 8088,
    // proxy:{
    //   [process.env.VUE_APP_BASE_API]: {
    //     target: `http://192.168.1.28:9098`,
    //     changeOrigin: true,
    //     pathRewrite: {
    //       ['^' + process.env.VUE_APP_BASE_API]: ''
    //     }
    //   }
    // }
  },
  outputDir: "dist",
  assetsDir: "static",
  pluginOptions:{
    electronBuilder: {
      productName:"",
      customFileProtocol:"./",
      chainWebpackMainProcess: (config) => {
          config.output.filename('background.js');
      }
    },
    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
  },
  css: {
    extract:true,
    sourceMap:false,
    // loaderOptions: {
    //   sass:{
    //     prependData:`
    //       @import "@/assets/scss/_variable.scss"
    //     `
    //   }
    // },
    // module:false 
  },
})
